
<!DOCTYPE HTML>
<html>
<head>
    <title>东软AppStore | Home </title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="__PUBLIC__/css/owl.carousel.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/magnific-popup.css">
    <link href="__PUBLIC__/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="__PUBLIC__/bootstrap/js/jquery.min.js"></script>
    <script src="__PUBLIC__/bootstrap/js/bootstrap.min.js"></script>

    <script src="__PUBLIC__/js/owl.carousel.js"></script>
    <script>
        $(document).ready(function() {
            $("#owl-demo").owlCarousel({
                items : 4,
                lazyLoad : true,
                autoPlay : true,
                navigation : true,
                navigationText : ["", ""],
                rewindNav : false,
                scrollPerPage : false,
                pagination : false,
                paginationNumbers : false,
            });
        });
        </script>

    </script>
    </head>
    <body>
    <!-- //Owl Carousel Assets -->
    <!-----768px-menu----->
    <link type="text/css" rel="stylesheet" href="__PUBLIC__/css/jquery.mmenu.all.css" />
    <script type="text/javascript" src="__PUBLIC__/js/jquery.mmenu.js"></script>
    <script type="text/javascript">
        //	The menu on the left
        $(function() {
            $('nav#menu-left').mmenu();
        });
    </script>
    <!-----//768px-menu----->
</head>
<body>
<!-- start header -->
<div class="header_bg">
    <div class="wrap">
        <div class="header">
            <div class="logo">
                <a href="index.html">
                    <img src="__PUBLIC__/images/lg.png" alt=""/>
                    <h1>东软AppStore</h1>
                    <div class="clear"> </div>
                </a>
            </div>
            <div class="text">
                <p>Lorem Ipsum is simply dummy text of the printing</p>
            </div>
            <div class="clear"> </div>
        </div>
    </div>
</div>
<!-- start header -->
<div class="header_btm">
    <div class="wrap">
        <!------start-768px-menu---->
        <div id="page">
            <div id="header">
                <a class="navicon" href="#menu-left"> </a>
            </div>
            <nav id="menu-left">
                <ul>
                    <li class="active"><a href="index.html">Home</a></li>
                    <li><a href="http://localhost/study/index.php/Home/Index/about">最新动态</a></li>
                    <li><a href="http://localhost/study/index.php/Admin/Login/login">管理员登陆</a></li>
                    <li><a href="http://localhost/study/index.php/Admin/Group/group">社团管理员</a></li>
                    <li><a href="http://localhost/study/index.php/Home/Index/about1">Blog</a></li>
                    <li><a href="http://localhost/study/index.php/Home/Login/login">登录</a></li>
                    <!-- <li><a href="http://localhost/study/index.php/Home/Index/person">个人中心</a></li> -->
                    <li>
                        <a href="#regModal" data-toggle="modal"  data-target="#regModal">注册</a></li>
                </ul>
            </nav>
        </div>
        <!------start-768px-menu---->
        <div class="header_sub">
            <div class="h_menu">
                <ul>
                    <li class="active"><a href="index.html">Home</a></li>
                    <li><a href="http://localhost/study/index.php/Home/Index/about">最新动态</a></li>
                    <li><a href="http://localhost/study/index.php/Admin/Login/login">管理员登陆</a></li>
                    <li><a href="http://localhost/study/index.php/Admin/Group/group">社团管理员</a></li>
                    <li><a href="http://localhost/study/index.php/Home/Index/about1">Blog</a></li>
                    <li><a href="http://localhost/study/index.php/Home/Login/login">登录</a></li>
                    <!-- <li><a href="http://localhost/study/index.php/Home/Index/person">个人中心</a></li>-->
                    <li> 
                        <a  href="" data-toggle="modal"  data-target="#myModal">注册</a></li>
                </ul>
            </div>
            <div class="h_search">
                <form>
                    <input type="text" value="" placeholder="search something...">
                    <input type="submit" value="">
                </form>
            </div>
            <div class="clear"> </div>
        </div>
    </div>
</div>
<!---start-banner---->
<div class="banner" id="move-top">
    <!----start-image-slider---->
    <div data-scroll-reveal="enter bottom but wait 0.7s" class="img-slider" id="home">
        <div class="wrap">
            <div class="slider">
                <ul id="jquery-demo">
                    <li>
                        <a href="#slide1">
                        </a>
                        <div data-scroll-reveal="enter bottom but wait 0.7s" class="slider-detils">
                            <h3>社团管理系统</h3>
                            <span>欢迎您的加入</span>
                        </div>
                    </li>
                    <li>
                        <a href="#slide2">
                        </a>
                        <div data-scroll-reveal="enter bottom but wait 1s" class="slider-detils">
                            <h3>各式各样的社团活动</h3>
                            <span>总有你想要的</span>
                        </div>
                    </li>
                    <li>
                        <a href="#slide3">
                        </a>
                        <div data-scroll-reveal="enter bottom but wait 1.5s" class="slider-detils">
                            <h3>这里有海量的社团，动态，活动 </h3>
                            <span>快来加入吧</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clear"> </div>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
<!---slider---->
<link rel="stylesheet" href="__PUBLIC__/css/slippry.css">
<script src="__PUBLIC__/js/jquery-ui.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/scripts-f0e4e0c2.js" type="text/javascript"></script>
<script>
    jQuery('#jquery-demo').slippry({
        // general elements & wrapper
        slippryWrapper: '<div class="sy-box jquery-demo" />', // wrapper to wrap everything, including pager
        // options
        adaptiveHeight: false, // height of the sliders adapts to current slide
        useCSS: false, // true, false -> fallback to js if no browser support
        autoHover: false,
        transition: 'fade'
    });
</script>
<!---scrooling-script--->
<!----//End-image-slider---->
<div class="simple-text">
    <div class="wrap">
        <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</h4>
        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </div>
</div>
<div class="Recent-wroks"><!-- start services -->
    <div class="wrap">
        <div class="Recent-wrok">
            <h5 class="heading">热门社团</h5>
            <!----start-img-cursual---->
            <div id="owl-demo" class="owl-carousel">
                <div class="item">
                    <div class="cau_left">
                        <div id="nivo-lightbox-demo"> <p> <a href="images/11.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
                        <img src="__PUBLIC__/images/1.jpg" >
                    </div>
                    <div class="cau_left">
                        <h4><a href="#">音乐社</a></h4>
                        <p>
                           如果MC的社员们是想用音乐来证明自己，想在追求音乐的路途中不断超越自己不断打破常规来创建一个属于自己的梦。那么MC音乐社便是在这个织梦机，帮助每一位社员去需要自己的定位，肯定自我、坚持自我，在失败中不断摸索成功的方向，肯定自己的价值去创建自己的世界。
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="cau_left">
                        <div id="nivo-lightbox-demo"> <p> <a href="images/22.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
                        <img src="__PUBLIC__/images/2.jpg" >
                    </div>
                    <div class="cau_left">
                        <h4><a href="#">武术社</a></h4>
                        <p>
                            我们武协以“刻苦训练，敢打敢拼，团结协作，为院争光”为宗旨，团结我院的武术爱好者，共同锻炼,提高品德，增强体质，开发智慧，促进学习，以此来丰富大学生的课余生活，增强大学生的身体素质和防身抗暴的能力，培养当代大学生热爱祖国传统文化的民族自豪感和责任感。 
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="cau_left">
                        <div id="nivo-lightbox-demo"> <p> <a href="__PUBLIC__/images/33.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
                        <img src="__PUBLIC__/images/3.jpg" >
                    </div>
                    <div class="cau_left">
                        <h4><a href="#">舞蹈社</a></h4>
                        <p>
                           舞蹈社团集中了我系的舞蹈爱好者，成员彼此交流，相互学习，并且让社团日益壮大。舞蹈既可以帮助同学们强身健体，修身塑体，言情益智，又可以让同学们拜师结友，切磋交流，展示才艺，完善自我。故此我们成立了舞蹈社团。
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="cau_left">
                        <div id="nivo-lightbox-demo"> <p> <a href="__PUBLIC__/images/44.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
                        <img src="__PUBLIC__/images/4.jpg" >
                    </div>
                    <div class="cau_left">
                        <h4><a href="#">摄影社</a></h4>
                        <p>
                            温职专摄影社是一个以校内喜爱摄影的学生为基础而创建的社团组织，有着自己鲜明的个性和特点。摄影社与其它社团最大的不同点在于大部分活动都在室外进行。摄影社除了积极参与学校开展的运动会、艺术节等比赛活动的摄影工作外，还乐意帮助其它社团拍摄相关的活动照片
                        </p>
                    </div>
                </div>
               <!--  <div class="item">
                    <div class="cau_left">
                        <div id="nivo-lightbox-demo"> <p> <a href="__PUBLIC__/images/11.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
                        <img src="__PUBLIC__/images/1.jpg" >
                    </div>
                    <div class="cau_left">
                        <h4><a href="#">Lorem ipsum</a></h4>
                        <p>
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="cau_left">
                        <div id="nivo-lightbox-demo"> <p> <a href="__PUBLIC__/images/22.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
                        <img src="__PUBLIC__/images/2.jpg" >
                    </div>
                    <div class="cau_left">
                        <h4><a href="#">Lorem ipsum</a></h4>
                        <p>
                            On the other hand, we denounce with righteous indignation and dislike men who are so beguiled  pleasure of the moment,
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="cau_left">
                        <div id="nivo-lightbox-demo"> <p> <a href="__PUBLIC__/images/44.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
                        <img src="__PUBLIC__/images/4.jpg" >
                    </div>
                    <div class="cau_left">
                        <h4><a href="#">Lorem ipsum</a></h4>
                        <p>
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="cau_left">
                        <div id="nivo-lightbox-demo"> <p> <a href="__PUBLIC__/images/33.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
                        <img src="__PUBLIC__/images/3.jpg" >
                    </div>
                    <div class="cau_left">
                        <h4><a href="#">Lorem ipsum</a></h4>
                        <p>
                            On the other hand, we denounce with righteous indignation and dislike men who are so beguiled  pleasure of the moment,
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="cau_left">
                        <div id="nivo-lightbox-demo"> <p> <a href="__PUBLIC__/images/11.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
                        <img src="__PUBLIC__/images/1.jpg" >
                    </div>
                    <div class="cau_left">
                        <h4><a href="#">Lorem ipsum</a></h4>
                        <p>
                            Lorem ipsum dolor amet,consectetur adipisicing elit, sed do eiusmod tempor incididunt dolore magna aliqua.
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="cau_left">
                        <div id="nivo-lightbox-demo"> <p> <a href="__PUBLIC__/images/44.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
                        <img src="__PUBLIC__/images/4.jpg" >
                    </div>
                    <div class="cau_left">
                        <h4><a href="#">Lorem ipsum</a></h4>
                        <p>
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="cau_left">
                        <div id="nivo-lightbox-demo"> <p> <a href="__PUBLIC__/images/33.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
                        <img src="__PUBLIC__/images/3.jpg" >
                    </div>
                    <div class="cau_left">
                        <h4><a href="#">Lorem ipsum</a></h4>
                        <p>
                            On the other hand, we denounce with righteous indignation and dislike men who are so beguiled  pleasure of the moment,
                        </p>
                    </div>
                </div>
                <div class="item">
                    <div class="cau_left">
                        <div id="nivo-lightbox-demo"> <p> <a href="__PUBLIC__/images/22.jpg" data-lightbox-gallery="gallery1" id="nivo-lightbox-demo"> <span class="rollover"> </span></a> </p></div>
                        <img  src="__PUBLIC__/images/2.jpg">
                    </div>
                    <div class="cau_left">
                        <h4><a href="#">Lorem ipsum</a></h4>
                        <p>
                            Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
                        </p>
                    </div>
                </div> -->
            </div>
            <!----//End-img-cursual---->
        </div>
        <script type="text/javascript" src="__PUBLIC__/js/nivo-lightbox.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#nivo-lightbox-demo a').nivoLightbox({ effect: 'fade' });
            });
        </script>

    </div>
</div>
<div class="last_posts"><!-- start last_posts -->
    <div class="wrap">
        <h5 class="heading">Last posts</h5>
        <div class="l-grids">
            <div class="l-grid-1">
                <div class="desc">
                    <h3>Lorem ipsum dolor amet,consectetur</h3>
                    <span>2nd  &nbsp; sep</span>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
                </div>
                <img src="__PUBLIC__/images/im1.jpg">
                <div class="clear"> </div>
            </div>
            <div class="l-grid-1 l-grid-2">
                <div class="desc">
                    <h3>Lorem ipsum dolor amet,consectetur</h3>
                    <span>2nd  &nbsp; sep</span>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
                </div>
                <img src="__PUBLIC__/images/im.jpg">
                <div class="clear"> </div>
            </div>
            <div class="clear"> </div>
        </div>
    </div>
</div>
<div class="testimonial"><!-- start last_posts -->
    <div class="wrap">
        <h5 class="heading">testimonials</h5>
        <div class="test-grids">
            <div class="test-desc">
                <h3>your testimonial here</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
            </div>
            <div class="img_1">
                <img src="__PUBLIC__/images/avator.png">
            </div>
            <div class="clear"> </div>
        </div>
    </div>
</div>
<div class="get_in_touch"><!-- start last_posts -->
    <div class="wrap">
        <h5 class="heading">get in touch</h5>
        <div class="get-left">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
        </div>
        <div class="get-right">
            <form>
                <ul>
                    <li class="name">
                        <a href="#" class="icon user"> </a>
                        <input type="text" placeholder="Your name" required>
                        <div class="clear"> </div>
                    </li>
                    <li class="email_1">
                        <a href="#" class="icon mail"> </a>
                        <input type="email" placeholder="yourname@email.com" required>
                        <div class="clear"> </div>
                    </li>
                    <div class="clear"> </div>
                    <li>
                        <textarea class="plain buffer" placeholder="Your text here"> Your text here</textarea>
                    </li>
                    <input class="send" type="submit" value="Send" />
                    <!--
                <div class="send">
                        <a href="#">SEND</a>
                </div>
                -->
                </ul>
            </form>
        </div>
        <div class="clear"> </div>
    </div>
</div>
<div class="footer">
    <div class="wrap">
        <div class="footer-left">
            <h3>About eracle</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
            <div class="detail">
                <ul>
                    <li><a href="#">home/</a></li>
                    <li><a href="#">term of services/</a></li>
                    <li><a href="#">license/</a></li>
                    <li><a href="#">pess</a></li>
                    <div class="clear"> </div>
                </ul>
            </div>
            <div class="soc_icons soc_icons1">
                <ul>
                    <li><a class="icon1" href="#"> </a> </li>
                    <li><a class="icon2" href="#"> </a></li>
                    <li><a class="icon3" href="#"> </a></li>
                    <div class="clear"> </div>
                </ul>

            </div>
        </div>
        <div class="footer-right">
            <h3>twitter</h3>
            <div class="comments1">
                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
                <span>~12 hours ago</span>
            </div>
            <div class="comments1">
                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>

            </div>
        </div>
        <div class="clear"> </div>
    </div>
</div>
<div class="copy">
    <p>© 2014 Template. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
        -
        Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> </p>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    用户注册
                </h4>
            </div>
            <div class="modal-body">
            <div class="container">
   <form class="form-horizontal" method="post" action="register" enctype="multipart/form-data" >

    <div class="form-group " align="center">
        <label for="username" class="col-md-2 control-label">账户名</label>
        <div class="col-md-5">
            <input type="text" class="form-control" id="username" name="username" placeholder="username" >
        </div>
    </div>
    <div class="form-group">
        <label for="pass"class="col-md-2 control-label">密码</label>
        <div class="col-md-5">
            <input type="password" class=" form-control " id="pass" name="pass" placeholder="password" >
        </div>
    </div>

     <div class="form-group">
        <label for="stunum" class="col-md-2 control-label">学号</label>
        <div class="col-md-5">
            <input type="text" class="form-control" id="stunum" name="stunum" placeholder="stunum">
        </div>
    </div>
    <div class="form-group">
        <label for="realname" class="col-md-2 control-label">姓名</label>
        <div class="col-md-5">
            <input type="text" class="form-control" id="realname" name="realname" placeholder="realname" >
        </div>
    </div>

    <div class="form-group">
        <label for="tele" class="col-md-2 control-label">电话</label>
        <div class="col-md-5">
            <input type="text" class="form-control" id="tele" name="tele" placeholder="telephone" >
        </div>
    </div>
    <div class="form-group">
        <label for="email" class="col-md-2 control-label">Email </label>
        <div class="col-md-5">
            <input type="email" class="form-control" id="email" name="email" placeholder="email">
        </div>
    </div>

    

    
    <div class="form-group">
        <label for="image" class="col-md-2 control-label">头像</label>
        <div class="col-md-3">
            <img clas="img-rounded" id="image"/>
        </div>
    </div>
    <div class="form-group">
        <label for="photo" class="col-md-2 control-label">选择头像</label>
        <div class="col-md-2">
            <input type="file" id="photo" name="photo">
        </div>
    </div>
    <div class="form-group">
        <button type="submit" class="btn btn-primary">添加用户</button>
        <button type="submit" class="btn btn-default" data-dismiss="modal">关闭</button>
    </div>
</form>
</div>
 </div>
 </div>   
</div><!-- /.modal-content -->
</div>


</body>
</html>